<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<s:set var="categoryName" >${param.CategoryName}</s:set>
<s:set var="categoryID" >${param.CategoryID}</s:set>
<s:set var="isFollowing" >${param.Following}</s:set>
<s:set var="numberOfCategoryFollowing" >${param.NumberOfCategoryFollowing}</s:set>

<div class="col-md-6 boxContent" style="max-height: 460px">
	<div class="row deliverCategory">
		<div class="row">
			<div class="col-md-8">
				<span style="font-size: 19"><b> ${categoryName} </b></span>
			</div>
			<div class="col-md-4">				
				<s:if test="%{#isFollowing == 'true'}">
					<input type="button" onclick="changeCategoryFollowing('${categoryID}',false, this)" 
					value="Hủy theo dõi"  class="btn btn-danger btn-xs" style="width:115px;"/>
				</s:if> 		
				<s:else>
					<input type="button" onclick="changeCategoryFollowing('${categoryID}',true, this)" 
					value="Theo dõi" class="btn btn-success btn-xs"	style="width: 115px;">
				</s:else>
			</div>
		</div>
		<div class=" row invisibleLine"></div>
		<div class="row">
			<div class="col-md-12">
				<b>Hiện đang có</b>
					<span id="numberOfFollow_${categoryID}">${numberOfCategoryFollowing}</span> 
				<b>người theo dõi!</b>
			</div>
		</div>
	</div>
</div>
